<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>学院</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/common.js"></script>
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/college.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/icon/iconfont.css"/>
	</head>
	<body>
		<input type="checkbox" id="check" />
		<input type="checkbox" id="check2" />
		<input type="checkbox" id="check3" />
		<input type="checkbox" id="check4" />
		<input type="checkbox" id="check5" />
		<input type="checkbox" id="check6" />
		<input type="checkbox" id="check7" />
		<input type="checkbox" id="check8" />
		<input type="checkbox" id="check9" />
		<div class="mobile">
			<!--头部-->
			<header>
				<label for="check">
					<ul class="login">
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</label>
				<div class="logo"><img src="img/logo.png"/></div>
				<div class="search">
					<label for="check9">
						<img src="img/search.png"/>
					</label>
				</div>
			</header>
		
			
			<!--内容-->
			<section>
				<!--轮播图-->
				  <div class="swiper-container">
				    <div class="swiper-wrapper">
				      <div class="swiper-slide">
				      	<img src="img/lb1.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="img/lb2.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="img/lb3.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="img/lb4.png"/>
				      	<div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="img/lb1.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="img/lb2.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="img/lb3.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				      <div class="swiper-slide">
				      	<img src="img/lb4.png"/>
				      <div class="swiper-ct clear_fix">
				      		<h1>省广股份携手阿里妈妈举行DT大时代 全息营销省广股份携</h1>
				      		<div class="swiper-ct-bt">
				      			<span class="iconfont icon-favorite pc1">120</span>
				      			<span class="iconfont icon-yanjing pc1">560</span>
				      			<span>12月26日 07:33:43</span>
				      		</div>
				      	</div>
				      </div>
				    </div>
				    <!-- Add Pagination -->
				    <div class="swiper-pagination"></div>
				  </div>
				
				  <!-- Swiper JS -->
				  <script src="JS/swiper-4.3.3.min.js"></script>
				
				  <!-- Initialize Swiper -->
				  <script>
				    var swiper = new Swiper('.swiper-container', {
				    	autoplay: {
						    delay: 1500,//1.5秒切换一次
						  },
				        pagination: {
					        el: '.swiper-pagination',
					      },
				        paginationClickable: true,
				        spaceBetween: 0,
				        loop:true
				    });
				  </script>
				  
				  <!--一-->
				<hr class="line3"/>
				<div class="center">
					<div class="center-ft">
						<a href="college2.html">预约报名</a>
						<span>10月19日 14:00 - 17:30</span>
					</div>
					<div class="center-lt">
						<div class="cent-top clear_fix">
							<div class="cen-top"><img src="img/dog.jpg"/></div>
							<h1>KIMIN</h1>
							<span>网络互动中心设计师</span>
						</div>
						<div class="cent-bt">
							<h1>高端移动应用开发</h1>
						</div>
					</div>
					<hr class="line4"/>
					<div class="center-img"><img src="img/kimin_big_pic.jpg"/></div>
				</div>
				<!--二-->
				<hr class="line5"/>
				<div class="center">
					<div class="center-ft">
						<a href="college2.html">预约报名</a>
						<span>10月19日 14:00 - 17:30</span>
					</div>
					<div class="center-lt">
						<div class="cent-top clear_fix">
							<div class="cen-top"><img src="img/dog.jpg"/></div>
							<h1>KIMIN</h1>
							<span>网络互动中心设计师</span>
						</div>
						<div class="cent-bt">
							<h1>高端移动应用开发</h1>
						</div>
					</div>
					<hr class="line4"/>
					<div class="center-img"><img src="img/kimin_big_pic.jpg"/></div>
				</div>
				<!--三-->
				<hr class="line5"/>
				<div class="center">
					<div class="center-ft">
						<a href="college2.html">预约报名</a>
						<span>10月19日 14:00 - 17:30</span>
					</div>
					<div class="center-lt">
						<div class="cent-top clear_fix">
							<div class="cen-top"><img src="img/dog.jpg"/></div>
							<h1>KIMIN</h1>
							<span>网络互动中心设计师</span>
						</div>
						<div class="cent-bt">
							<h1>高端移动应用开发</h1>
						</div>
					</div>
					<hr class="line4"/>
					<div class="center-img"><img src="img/kimin_big_pic.jpg"/></div>
				</div>
				  
			<!--加载更多-->
			<div class="more">
				<a href="">加载更多</a>
			</div>
			</section>
			
			<!--底部-->
			<footer>
				<div class="menu_foot">
					<div class="submenu">
						<a href="index.html">
							<span><img src="img/shouye.png"/></span>
							<p>首页</p>
						</a>
					</div>
				</div>
				<div class="right_line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="index.html">
							<span><img src="img/GIMC.png"/></span>
							<p>GIMC</p>
						</a>
					</div>
				</div>
				<div class="right_line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="article.html">
							<span><img src="img/article.png"/></span>
							<p>文章</p>
						</a>
					</div>
				</div>
				<div class="right_line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="resource.html">
							<span><img src="img/resou.png"/></span>
							<p>资源</p>
						</a>
					</div>
				</div>
				<div class="right_line"></div>
				<div class="menu_foot">
					<div class="submenu">
						<a href="college.html">
							<span><img src="img/xueyuan.png"/></span>
							<p>学院</p>
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</footer>
		</div>
		<!--登录弹窗-->
		<div class="loginBox">
			<label for="check">
				<span class="back">×</span>
			</label>
			<div class="login_line"></div>
			<div class="login_dl">
					<div class="login_img">
						<img src="img/denglu.png"/>
					</div>
					<div class="ljdl">
						<label for="check6"><p>立即登录</p></label>
						<a href=""><u>忘记密码</u></a>
					</div>
			</div>
			<!--GIMC-->
			<label for="check2">
				<div class="GIMC clear_fix">
						<p>GIMC</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel">
				<label for="check2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</label>
			</div>
			<!--文章-->
			<label for="check3">
				<div class="article clear_fix">
						<p>文章</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel1">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--资源-->
			<label for="check4">
				<div class="resources clear_fix">
						<p>资源</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--课程-->
			<label for="check5">
				<div class="curriculum clear_fix">
						<p>课程</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel3">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
		</div>
		
		<!--登陆页面-->
		<div class="loginBox2">
			<div class="big_logo"><img src="img/big_logo.png"/></div>
			<!--用户-->
			<div class="user clear_fix">
				<div class="user_pic"><i class="iconfont icon-user user_img"></i></div>
				<input type="text" placeholder="请输入已验证的手机号或邮箱"/>
			</div>
			<!--密码-->
			<div class="password clear_fix">
				<div class="password_pic"><i class="iconfont icon-mima password_img"></i></div>
				<input type="psw" placeholder="请输入密码"/>
			</div>
			<!--忘记密码-->
			<div class="forget clear_fix">
				<i class="iconfont icon-wenhao wenhao"></i>
				<a href="">忘记密码</a>
			</div>
			<!--登录按钮-->
			<div class="login_btn clear_fix">
				<label for="check7">
					<h1>登录</h1>
				</label>
			</div>
			<!--注册按钮-->
			<div class="register_btn">
				<h1>注册</h1>
			</div>
		</div>
		<!--用户界面-->
		<div class="user_box">
				<a href="" class="back">×</a>
			<div class="loginBox_1 clear_fix">
				<div class="touxiang"><img src="img/dog.jpg"/></div>
				
				<div class="username clear_fix">
					<p>马飞飞</p>
					<a href="">个人中心></a>
				</div>
				<div class="star">
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
					<div class="star_img"><img src="img/star.png"/></div>
				</div>
				<div class="fans">
					<p>关注<span>36</span></p>
					<p>粉丝<span>290</span></p>
				</div>
				<div class="user_btn">
					<input type="button" value="我的收藏"/>
					<input type="button" value="我的发布"/>
				</div>
			</div>
			<!--灰度条-->
			<div class="gray"></div>
			<!--GIMC-->
			<label for="check2">
				<div class="GIMC clear_fix">
						<p>GIMC</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel">
				<label for="check2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</label>
			</div>
			<!--文章-->
			<label for="check3">
				<div class="article clear_fix">
						<p>文章</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel1">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--资源-->
			<label for="check4">
				<div class="resources clear_fix">
						<p>资源</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel2">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<!--课程-->
			<label for="check5">
				<div class="curriculum clear_fix">
						<p>课程</p>
						<p>></p>
				</div>
			</label>
			<!--下拉框-->
			<div class="sel3">
					<p>省广介绍</p>
					<p>新闻资讯</p>
			</div>
			<div class="out">
				<label for="check8">
					<div class="tuichu">退出</div>
				</label>	
			</div>
		</div>
		
		<!--搜索界面-->
		<div class="sea_box">
			<div class="sea_box_nav clear_fix">
				<label for="check9">
					<span class="back">×</span>
				</label>
				<div class="sea_nav clear_fix">
					<div class="nav_img"><img src="img/sea_img.png"/></div>
					<input type="text" placeholder="Search"/>
				</div>
			</div>
				<div class="sea_content clear_fix">
					<h1>热搜</h1>
					<div class="resou1"><p>省广股份</p></div>
					<div class="resou2"><p>移动互联网</p></div>
					<div class="resou3"><p>细分平台业务</p></div>
					<div class="resou4"><p>O2O</p></div>
					<div class="resou5"><p>媒介平台</p></div>
					<div class="resou6"><p>拥抱变革，创造未来</p></div>
					<div class="resou7"><p>平台</p></div>
					<div class="resou8"><p>上海金投赏创意节</p></div>
				</div>
		</div>
	</body>
</html>
